<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Aruk - Multipurpose Woocommerce Store</title>
    <link rel="stylesheet" href="../../css/style.css">
    <link rel="stylesheet" href="../../font_img/font-home/iconfont.css">
    <link rel="stylesheet" href="../../css/navigation.css">
    <link rel="stylesheet" href="../../css/bottom-map.css">
    <link rel="stylesheet" href="../../css/way.css">
    <link rel="stylesheet" href="../../css/banner1.css">
    <link rel="stylesheet" href="../../css/look.css">
    <link rel="stylesheet" href="../../css/collection.css">
</head>

<body>
    <div class="collection">
        <!-- 导航部分 -->
        <div class="navigation">
            <div class="container">
                <div class="logo">
                    <a href="../../home.html">
                        <img src="../../img/logo/logo.png" alt="">
                    </a>
                </div>
                <div class="main-menu">
                    <ul>
                        <li>
                            <a href="../../home.html">HOME
                                <div></div>
                            </a>


                        </li>
                        <li><a href="../page/shop.html">SHOP
                                <div></div>
                            </a></li>
                        <li><a href="#">COLLECTION
                                <div></div>
                            </a></li>
                        <li><a href="./aboutUs.html">ABOUT
                                <div></div>
                            </a></li>
                        <li><a href="./blog.html">BLOG
                                <div></div>
                            </a></li>
                        <li><a href="./contact.html">CONTACT
                                <div></div>
                            </a></li>
                    </ul>
                </div>
                <div class="span-icon">
                    <div class="display-flex display-right">
                        <a href="./shoppingCart.html">
                            <span class="iconfont icon-tianchongxing-"></span>
                        </a>
                        <a href="#"><span class="iconfont icon-wodedangxuan"></span></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="placement">
            <span class="iconfont icon-weibajiantoushang
"></span>
        </div>
        <!-- banner部分 -->
        <div class="banner1">
            <div class="shop">
                <div class="shop-title">
                    <div class="title-inner">
                        <h2>SHOP SIDEBAR</h2>
                        <div class="title-a df"> <a href="../../home.html">Home</a>
                            <span></span>
                            <a href="">Shop Grid</a>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- 主体部分 -->
        <div class="container">
            <!-- toolbar -->
            <div class="toolbar df">
                <div class="toolbar-all df">
                    <div class="toolbar-left df"> <span class="w">Sort by :
                        </span>
                        <div class="comboBox">
                            <div class="comboBox-inner">
                                Most Recent

                                <span class="iconfont icon-xiajiantou active"></span>
                                <span class="iconfont icon-shangjiantou"></span>
                            </div>
                            <div class="ul-out">
                                <ul>
                                    <li class="active">Most Recent</li>
                                    <li>Alphabet</li>
                                    <li>Price</li>
                                </ul>
                            </div>

                        </div>
                    </div>
                    <div class="tollbar-right df">
                        <span class="w">Show :
                        </span>
                        <div class="comboBox">
                            <div class="comboBox-inner">
                                11

                                <span class="iconfont icon-xiajiantou active"></span>
                                <span class="iconfont icon-shangjiantou"></span>
                            </div>
                            <div class="ul-out">
                                <ul>
                                    <li class="active">11</li>
                                    <li>20</li>
                                    <li>28</li>
                                    <li>40</li>
                                </ul>
                            </div>

                        </div>
                    </div>
                    <span class="iconfont icon-viewgallery"></span>
                    <span class="iconfont icon-viewlist"></span>
                </div>
                <div class="pager">
                    <ul>
                        <li class="first"><span class="iconfont icon-fanhui"></span></li>
                        <li class="ye active">1</li>
                        <li class="ye">2</li>
                        <li class="ye">3</li>
                        <li class="last"><span class="iconfont icon-gengduo"></span></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="arrival-product df">
            <div class="arrival-thing">
                <div class="imgOut">
                    <div class="arrival-img"><img src="../../img/products/01.png" alt="">
                        <div class="arrival-operate">
                            <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a></li>
                            <li>
                                <a href="./wishlist.html"><span class="iconfont icon-aixin"></span></a>
                                <span class="iconfont icon-sousuo"></span>
                            </li>
                        </div>
                    </div>
                </div>

                <div class="arrival-details">
                    <h5>Green Hand Bag</h5>
                    <div>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span><span class="iconfont icon-xingxing1"></span>
                    </div>
                    <span>$219.00</span>
                </div>
            </div>
            <div class="arrival-thing">
                <div class="imgOut">
                    <div class="arrival-img"><img src="../../img/products/2.png" alt="">
                        <div class="arrival-operate">
                            <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a></li>
                            <li>
                                <a href="./wishlist.html"><span class="iconfont icon-aixin"></span></a>
                                <span class="iconfont icon-sousuo"></span>
                            </li>
                        </div>
                    </div>
                </div>

                <div class="arrival-details">
                    <h5>Green Hand Bag</h5>
                    <div>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span><span class="iconfont icon-xingxing1"></span>
                    </div>
                    <span>$219.00</span>
                </div>
            </div>
            <div class="arrival-thing">
                <div class="imgOut">
                    <div class="arrival-img"><img src="../../img/products/3.png" alt="">
                        <div class="arrival-operate">
                            <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a></li>
                            <li>
                                <a href="./wishlist.html"><span class="iconfont icon-aixin"></span></a>
                                <span class="iconfont icon-sousuo"></span>
                            </li>
                        </div>
                    </div>
                </div>

                <div class="arrival-details">
                    <h5>Leader Shoes</h5>
                    <div>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span><span class="iconfont icon-xingxing1"></span>
                    </div>
                    <span>$219.00</span>
                </div>
            </div>
            <div class="arrival-thing">
                <div class="imgOut">
                    <div class="arrival-img"><img src="../../img/products/4.png" alt="">
                        <div class="arrival-operate">
                            <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a></li>
                            <li>
                                <a href="./wishlist.html"><span class="iconfont icon-aixin"></span></a>
                                <span class="iconfont icon-sousuo"></span>
                            </li>
                        </div>
                    </div>
                </div>

                <div class="arrival-details">
                    <h5>Green Hand Bag</h5>
                    <div>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span><span class="iconfont icon-xingxing1"></span>
                    </div>
                    <span>$219.00</span>
                </div>
            </div>
            <div class="arrival-thing">
                <div class="imgOut">
                    <div class="arrival-img"><img src="../../img/products/6.png" alt="">
                        <div class="arrival-operate">
                            <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a></li>
                            <li>
                                <a href="./wishlist.html"><span class="iconfont icon-aixin"></span></a>
                                <span class="iconfont icon-sousuo"></span>
                            </li>
                        </div>
                    </div>
                </div>

                <div class="arrival-details">
                    <h5>Green Hand Bag</h5>
                    <div>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span><span class="iconfont icon-xingxing1"></span>
                    </div>
                    <span>$219.00</span>
                </div>
            </div>
            <div class="arrival-thing">
                <div class="imgOut">
                    <div class="arrival-img"><img src="../../img/products/5.png" alt="">
                        <div class="arrival-operate">
                            <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a></li>
                            <li>
                                <a href="./wishlist.html"><span class="iconfont icon-aixin"></span></a>
                                <span class="iconfont icon-sousuo"></span>
                            </li>
                        </div>
                    </div>
                </div>

                <div class="arrival-details">
                    <h5>Green Hand Bag</h5>
                    <div>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span><span class="iconfont icon-xingxing1"></span>
                    </div>
                    <span>$219.00</span>
                </div>
            </div>
            <div class="arrival-thing">
                <div class="imgOut">
                    <div class="arrival-img"><img src="../../img/products/01.png" alt="">
                        <div class="arrival-operate">
                            <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a></li>
                            <li>
                                <a href="./wishlist.html"><span class="iconfont icon-aixin"></span></a>
                                <span class="iconfont icon-sousuo"></span>
                            </li>
                        </div>
                    </div>
                </div>

                <div class="arrival-details">
                    <h5>Green Hand Bag</h5>
                    <div>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span><span class="iconfont icon-xingxing1"></span>
                    </div>
                    <span>$219.00</span>
                </div>
            </div>
            <div class="arrival-thing">
                <div class="imgOut">
                    <div class="arrival-img"><img src="../../img/products/2.png" alt="">
                        <div class="arrival-operate">
                            <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a></li>
                            <li>
                                <a href="./wishlist.html"><span class="iconfont icon-aixin"></span></a>
                                <span class="iconfont icon-sousuo"></span>
                            </li>
                        </div>
                    </div>
                </div>

                <div class="arrival-details">
                    <h5>Green Hand Bag</h5>
                    <div>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span><span class="iconfont icon-xingxing1"></span>
                    </div>
                    <span>$219.00</span>
                </div>
            </div>
            <div class="arrival-thing">
                <div class="imgOut">
                    <div class="arrival-img"><img src="../../img/products/3.png" alt="">
                        <div class="arrival-operate">
                            <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a></li>
                            <li>
                                <a href="./wishlist.html"><span class="iconfont icon-aixin"></span></a>
                                <span class="iconfont icon-sousuo"></span>
                            </li>
                        </div>
                    </div>
                </div>

                <div class="arrival-details">
                    <h5>Green Hand Bag</h5>
                    <div>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span><span class="iconfont icon-xingxing1"></span>
                    </div>
                    <span>$219.00</span>
                </div>
            </div>
            <div class="arrival-thing">
                <div class="imgOut">
                    <div class="arrival-img"><img src="../../img/products/4.png" alt="">
                        <div class="arrival-operate">
                            <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a></li>
                            <li>
                                <a href="./wishlist.html"><span class="iconfont icon-aixin"></span></a>
                                <span class="iconfont icon-sousuo"></span>
                            </li>
                        </div>
                    </div>
                </div>

                <div class="arrival-details">
                    <h5>Green Hand Bag</h5>
                    <div>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span><span class="iconfont icon-xingxing1"></span>
                    </div>
                    <span>$219.00</span>
                </div>
            </div>
            <div class="arrival-thing">
                <div class="imgOut">
                    <div class="arrival-img"><img src="../../img/products/6.png" alt="">
                        <div class="arrival-operate">
                            <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a></li>
                            <li>
                                <a href="./wishlist.html"><span class="iconfont icon-aixin"></span></a>
                                <span class="iconfont icon-sousuo"></span>
                            </li>
                        </div>
                    </div>
                </div>

                <div class="arrival-details">
                    <h5>Green Hand Bag</h5>
                    <div>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span><span class="iconfont icon-xingxing1"></span>
                    </div>
                    <span>$219.00</span>
                </div>
            </div>
            <div class="arrival-thing">
                <div class="imgOut">
                    <div class="arrival-img"><img src="../../img/products/5.png" alt="">
                        <div class="arrival-operate">
                            <li class="xiantiaoLi"><a href="#">ADD TO CART <div class="xian"></div></a></li>
                            <li>
                                <a href="./wishlist.html"><span class="iconfont icon-aixin"></span></a>
                                <span class="iconfont icon-sousuo"></span>
                            </li>
                        </div>
                    </div>
                </div>

                <div class="arrival-details">
                    <h5>Green Hand Bag</h5>
                    <div>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span><span class="iconfont icon-xingxing1"></span>
                    </div>
                    <span>$219.00</span>
                </div>
            </div>
        </div>
        <!-- trendsBtn -->
        <div class="trendsBtn">
            <a href="#">LOAD MORE</a>
            <div class="trendsBtn-fize">LOAD MORE</div>
            <div class="trendsBtn-left"></div>
            <div class="trendsBtn-right"></div>
        </div>
        <!-- 底部地图 -->
        <div class="bottom-map">
            <div class="bottom-map-inner width">
                <div class="top">
                    <div class="foot-widget first">
                        <div class="logo">
                            <a href="../../home.html">
                                <img src="../../img/logo/logo.png" alt="">
                            </a>
                        </div>
                        <ul>
                            <li>Email: <span>1965892300@qq.com</span></li>
                            <li>Phone: +137 313 19326</li>
                        </ul>
                        <p>
                            Subscribe to our newsleter and stay
                            up to date with latest offers and
                            upcoming trends.
                        </p>
                        <div class="email"> <input type="email" placeholder="Email">
                            <span class="iconfont icon-arrowRight
                "></span>
                        </div>

                    </div>
                    <div class="foot-widget">
                        <h4>About Us</h4>
                        <ul class="allUl">
                            <li><a href="./aboutUs.html">Our Outlets
                                    <div class="xiantiao"></div>
                                </a></li>
                            <li><a href="./aboutUs.html">Sales and Retails <div class="xiantiao"></div></a></li>
                            <li><a href="./aboutUs.html">Areas we serve <div class="xiantiao"></div></a></li>
                            <li><a href="./aboutUs.html">Career at aruk <div class="xiantiao"></div></a></li>
                            <li><a href="./contact.html">Contact Us <div class="xiantiao"></div></a></li>
                        </ul>
                    </div>
                    <div class="foot-widget">
                        <h4>Help and Support</h4>
                        <ul class="allUl">
                            <li><a href="./aboutUs.html">Track my order
                                    <div class="xiantiao"></div>
                                </a></li>
                            <li><a href="./aboutUs.html">Our top products
                                    <div class="xiantiao"></div>
                                </a></li>
                            <li><a href="./shoppingCart.html">My cart
                                    <div class="xiantiao"></div>
                                </a></li>
                            <li><a href="./aboutUs.html">Sign in
                                    <div class="xiantiao"></div>
                                </a></li>
                            <li><a href="./shippingCalculator.html">Shipping Calculator
                                    <div class="xiantiao"></div>
                                </a></li>
                        </ul>
                    </div>
                    <div class="foot-widget last">
                        <h4>Pages & Resources</h4>
                        <ul class="allUl">
                            <li><a href="./aboutUs.html">About Us
                                    <div class="xiantiao"></div>

                                </a></li>
                            <li><a href="./collection.html">Shop Page
                                    <div class="xiantiao"></div>

                                </a></li>
                            <li><a href="./collection.html">Category page
                                    <div class="xiantiao"></div>

                                </a></li>
                            <li><a href="./aboutUs.html">Sign in page
                                    <div class="xiantiao"></div>

                                </a></li>
                            <li><a href="./404.html">404 page
                                    <div class="xiantiao"></div>

                                </a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="bottom-out">
                <div class="bottom">
                    <div class="copyright">
                        <p>Copyright © 2020 | Designed by <span>Wpsmasher</span></p>
                    </div>
                    <div class="social-icon">
                        <ul>
                            <li><a href="#"><span class="iconfont icon-facebook"></span></a></li>
                            <li><a href="#"><span class="iconfont icon-twitter"></span></a></li>
                            <li><a href="#"><span class="iconfont icon-instagram"></span></a></li>
                            <li><a href="#"><span class="iconfont icon-v"></span></a></li>
                        </ul>
                    </div>
                    <div class="policy">
                        <p class="first">Terms of Use</p>
                        <p>Privacy Policy</p>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- look -->
    <div class="look">

        <!-- Modal -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">X</span></button>

                    </div>
                    <div class="modal-body">
                        <div class="modal-img"><img src="../../img/products/01.png" alt=""></div>
                        <div class="modal-right">
                            <h5>Yellow Bag Women 2018</h5>
                            <div class="appraise">
                                <ul>
                                    <span class="iconfont icon-xingxing1 liang"></span>
                                    <span class="iconfont icon-xingxing1 liang"></span><span
                                        class="iconfont icon-xingxing1 liang"></span><span
                                        class="iconfont icon-xingxing1"></span><span
                                        class="iconfont icon-xingxing1"></span>
                                </ul>
                                <span>03 Customer Review</span>
                            </div>
                            <div class="price"><span>$42.00</span></div>
                            <p>Sed id interdum urna. Nam ac elit a ante commodo tristique. tum vehicula a
                                hendrerit ac
                                nisi. hendrerit
                                ac nisi Lorem ipsum dolor sit perdiet nibh vel magna lacinia ultrices. Sed id interdum
                                urna.</p>
                            <div class="product-color df">
                                <h6>SELECT COLOR
                                </h6>
                                <div class="color-all df">
                                    <span></span>
                                    <span></span>
                                </div>
                            </div>
                            <div class="product-size df">
                                <h6>SELECT SIZE</h6>
                                <ul>
                                    <li class="active">Xl</li>
                                    <li>L</li>
                                    <li>M</li>
                                    <li>X</li>
                                    <li>XS</li>
                                </ul>
                            </div>
                            <div class="product-count df">
                                <div class="quty">
                                    <span class="jian">-</span>
                                    <input value="1" type="text">
                                    <span class="jia">+</span>
                                </div>
                                <div class="add">
                                    <div class="trendsBtn">
                                        <a href="./home.html">ADD TO CART</a>
                                        <div class="trendsBtn-fize">ADD TO CART</div>
                                        <div class="trendsBtn-left"></div>
                                        <div class="trendsBtn-right"></div>
                                    </div>
                                </div>
                                <div class="share">
                                    <span class="iconfont icon-aixin"></span>
                                    <span class="iconfont icon-suijibofang"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                    <button type="button" class="btn btn-primary">Save changes</button>
                                </div> -->
                </div>
            </div>
        </div>
    </div>
    <script src="../../js/jquery-3.5.1.js"></script>
    <script src="../../js/countdown.js"></script>
    <script src="../../js/navigation.js"></script>
    <script src="../../js/bottom-map.js"></script>
    <script src="../../js/way.js"></script>
    <script src="../../js/collection.js"></script>
</body>

</html>